<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form name="form1" id="form1">
			用户名:
		</form>

		<button onclick="add()">添加</button>

		<script>
			function add() {
				console.log("add()")

				// <input type="text" name="username" />
				// 1. 创建网页元素
				var txt = document.createElement("input")
				// 2. 设置属性
				txt.type = "text";
				txt.name = "username"
				// 3. 放到页面的某个元素下
				form1.appendChild(txt);
			}
			
			// 创建一个选项标签
			var op1 = document.createElement("option");
			// 创建一个文本内容
			var op1txt = document.createTextNode("2024")
			// 将文本放入option标签
			op1.appendChild()
		</script>
	</body>
</html>